.com-background1 {
  background: #f2f5f7;
}
.com-background2 {
  background: #f9f9f9;
}
@media screen and (max-width: 1440px) {
  .com-cont-1660 {
    width: 90%;
  }
}
@media screen and (max-width: 1360px) {
  .com-cont-1440 {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  body {
    font-size: 3.192vw;
  }
  .com-cont-1200 {
    width: 90%;
  }
  .font-size-16 {
    font-size: 3.192vw;
  }
  .font-size-18 {
    font-size: 3.458vw;
  }
  .com-font-size-30,
  .font-size-24 {
    font-size: 3.99vw;
  }
  .com-font-size-36,
  .font-size-30 {
    font-size: 4.788vw;
  }
  .com-font-size-44,
  .font-size-36 {
    font-size: 5.852vw;
  }
  .com-font-size-72 {
    font-size: 9.576vw;
  }
  .com-font-size-300 {
    font-size: 15.96vw;
  }
  .com-richtext-16 {
    font-size: 3.192vw;
    line-height: 5.852vw;
  }
  .com-richtext-18 {
    font-size: 3.458vw;
    line-height: 6.384vw;
  }
  .com-margin-top-10 {
    margin-top: 1.33vw;
  }
  .com-margin-top-30 {
    margin-top: 3.99vw;
  }
  .com-margin-top-40 {
    margin-top: 5.32vw;
  }
  .com-margin-top-50 {
    margin-top: 6.65vw;
  }
  .com-margin-top-80 {
    margin-top: 10.64vw;
  }
  .com-margin-top-150 {
    margin-top: 19.95vw;
  }
  .com-padding-top-30 {
    padding-top: 3.99vw;
  }
  .com-padding-top-80 {
    padding-top: 10.64vw;
  }
  .com-padding-bottom-30 {
    padding-bottom: 3.99vw;
  }
  .com-padding-bottom-50 {
    padding-bottom: 6.65vw;
  }
  .com-padding-bottom-80 {
    padding-bottom: 10.64vw;
  }
  .com-padding-bottom-100 {
    padding-bottom: 13.3vw;
  }
  .com-padding-bottom-120 {
    padding-bottom: 15.96vw;
  }
  .com-padding-bottom-200 {
    padding-bottom: 26.6vw;
  }
  .com-banner1 {
    height: 66.5vw;
  }
  .com-menu-navigation1 .swiper1 .wrapper1 {
    overflow-x: auto;
    justify-content: flex-start;
  }
  .com-menu-navigation1 .swiper1 .slide1 {
    padding: 2.66vw 0;
    margin: 0 3.99vw;
    font-size: 3.458vw;
  }
  .com-menu-navigation1 .swiper1 .slide1:before {
    right: -1.56vw;
  }
  .com-more1 {
    width: 7.98vw;
    height: 7.98vw;
  }
  .com-more1.border {
    width: 26.6vw;
    padding: 0 2.66vw;
  }
  .com-more1:hover,
  .com-more1.active {
    width: 26.6vw;
    padding: 0 2.66vw;
  }
  .com-header {
    padding: 2.66vw 0 !important;
  }
  .com-header .dn-logo .dp-img1 {
    height: 9.31vw;
  }
  .com-header .dn-menu {
    display: none;
  }
  .com-header .dn-mall {
    font-size: 3.192vw;
    padding: 0.665vw 1.33vw;
  }
  .com-header .dn-search,
  .com-header .dn-menu-operate {
    margin: 0 0 0 3.458vw;
  }
  .com-header .dn-search .iconfont,
  .com-header .dn-menu-operate .iconfont {
    font-size: 5.32vw;
  }
  .com-header .dn-menu-operate {
    display: block;
  }
  .com-footer {
    overflow: hidden;
  }
  .com-footer .com-cont {
    flex-wrap: wrap;
  }
  .com-footer .dn-upper {
    padding: 5.32vw 0 5.32vw;
  }
  .com-footer .dn-upper .dn-left .dn-logo .dp-img1 {
    height: 9.31vw;
  }
  .com-footer .dn-upper .dn-left .dn-follow .swiper1 .slide1 {
    margin: 0 2.128vw 0 0;
  }
  .com-footer .dn-upper .dn-left .dn-follow .swiper1 .slide1 .iconfont {
    font-size: 6.65vw;
  }
  .com-footer .dn-upper .dn-menu {
    display: none;
  }
  .com-footer .dn-lower {
    padding: 2.66vw 0 3.99vw;
  }
  .com-footer .dn-lower .dn-left {
    width: 100%;
  }
  .com-footer .dn-lower .dn-left .swiper1 .wrapper1 {
    flex-wrap: wrap;
  }
  .com-footer .dn-lower .dn-left .swiper1 .slide1 {
    max-width: 100%;
    height: auto;
    margin: 0 2.66vw 1.33vw 0;
  }
  .index-banner {
    height: 66.5vw;
  }
  .index-banner .swiper-pagination {
    bottom: 3.99vw;
    padding: 1.596vw 3.99vw;
  }
  .index-banner .swiper-pagination .swiper-pagination-bullet {
    width: 6.65vw;
    height: 6.65vw;
    margin: 0 0.798vw;
  }
  .index-about .dn-lower {
    flex-wrap: wrap;
    padding: 0;
  }
  .index-about .dn-lower .dn-picture {
    width: 100%;
    height: 54.53vw;
  }
  .index-about .dn-lower .dn-picture:before {
    top: -5.32vw;
    right: -5.32vw;
  }
  .index-about .dn-lower .dn-word {
    flex: inherit;
    width: 100%;
    padding: 1.56vw 0 0;
  }
  .index-about .dn-lower .dn-word .dp-title1 .dp-p1 {
    left: 0;
    position: relative;
  }
  .index-about .dn-lower .dn-word .dp-title1 .dp-line1 {
    margin: 0 2.66vw 0 3.192vw;
  }
  .index-product .dn-lower .swiper1 {
    padding: 0 0 calc(3px + 46 * 0.133vw);
  }
  .index-product .dn-lower .swiper1 .slide1 {
    width: calc(100% / 1.2 - 2%);
  }
  .index-product .dn-lower .swiper1 .slide1 .dn-picture {
    height: 61.18vw;
  }
  .index-product .dn-lower .swiper1 .slide1 .dn-word {
    padding: 2.66vw 0 0;
  }
  .index-product .dn-lower .swiper1 .slide1 .dn-word .dp-title1 {
    font-size: 3.99vw;
  }
  .index-product .dn-lower .swiper1 .slide1 .dn-word .dp-a1 {
    margin: 1.862vw 0 0;
    padding: 1.862vw 0 0;
  }
  .index-product .dn-lower .swiper1 .swiper-pagination .swiper-pagination-bullet {
    width: 2.66vw;
    height: 0.665vw;
  }
  .index-product .dn-lower .swiper1 .swiper-pagination .swiper-pagination-bullet-active {
    width: 6.65vw;
  }
  .index-news .dn-lower .swiper1 {
    padding: 0 0 calc(3px + 46 * 0.133vw);
  }
  .index-news .dn-lower .swiper1 .slide1 {
    width: calc(100% / 1.2 - 6%);
    padding: 4.788vw;
  }
  .index-news .dn-lower .swiper1 .slide1 .dn-picture {
    height: 42.56vw;
  }
  .index-news .dn-lower .swiper1 .slide1 .dp-line1 {
    width: calc(100% + 36 * 0.133vw * 2);
    margin: 4.788vw 0 4.788vw -4.788vw;
  }
  .index-news .dn-lower .swiper1 .slide1 .dn-word .dp-title1 {
    font-size: 3.99vw;
    margin: 3.99vw 0 2.66vw;
  }
  .index-news .dn-lower .swiper1 .slide1 .dn-word .dp-intr1 {
    line-height: 5.32vw;
    margin: 0 0 3.99vw;
  }
  .index-news .dn-lower .swiper1 .swiper-pagination .swiper-pagination-bullet {
    width: 2.66vw;
    height: 0.665vw;
  }
  .index-news .dn-lower .swiper1 .swiper-pagination .swiper-pagination-bullet-active {
    width: 6.65vw;
  }
  .com-about-imagerext1 .dn-upper {
    flex-wrap: wrap;
  }
  .com-about-imagerext1 .dn-upper .dn-word {
    width: 100%;
  }
  .com-about-imagerext1 .dn-upper .dn-picture {
    width: 100%;
    height: 67.83vw;
    margin: 2.66vw 0;
  }
  .about-responsibility .dn-lower .swiper1 {
    padding: 0 0 calc(30 * 0.133vw + 5px);
  }
  .about-responsibility .dn-lower .swiper1 .slide1 {
    width: calc(100% / 1.2 - 2%);
  }
  .about-responsibility .dn-lower .swiper1 .slide1 .dn-picture {
    height: 47.88vw;
    margin: 0 0 2.66vw;
  }
  .about-demonstration .dn-lower .swiper1 .wrapper1 {
    overflow-x: auto;
  }
  .about-demonstration .dn-lower .swiper1 .slide1 {
    width: calc(100% / 1.2 - 1%) !important;
  }
  .about-demonstration .dn-lower .swiper1 .slide1 .dn-picture {
    height: 47.88vw;
    margin: 0 0 2.66vw;
  }
  .about-contact {
    height: auto;
  }
  .about-contact .ax-cont {
    position: relative;
    top: auto;
    padding: 5.32vw 6.65vw;
  }
  .about-contact .ax-cont .swiper1 .slide1 {
    width: 100% !important;
    margin: 3.99vw 0 0;
  }
  .about-contact .ax-cont .swiper1 .slide1 .dp-p1 {
    font-size: 3.99vw;
    margin: 0 0 1.33vw;
  }
  .about-contact .ax-cont .swiper1 .slide1 .dp-p2 {
    font-size: 3.458vw;
  }
  .about-contact .ax-cont .swiper1 .slide1 .dp-p2 .iconfont {
    font-size: 6.65vw;
    margin: 0 1.33vw 0 0;
  }
  .about-contact #allmap {
    height: 66.5vw;
  }
  .product .dn-center .ax-grid {
    grid-gap: 2.66vw;
  }
  .product .dn-center .ax-grid li {
    height: 40.698vw;
  }
  .product .dn-center .ax-grid li .dp-title1 {
    padding: 2.128vw;
  }
  .product-detail .dn-upper {
    flex-wrap: wrap;
  }
  .product-detail .dn-upper .dn-left {
    width: 100%;
    height: 66.5vw;
  }
  .product-detail .dn-upper .dn-right {
    flex: inherit;
    padding: 3.99vw 0 0 0;
    width: 100%;
  }
  .product-detail .dn-upper .dn-right .dn-mid {
    margin: 1.995vw 0 0;
    padding: 1.33vw 0;
  }
  .product-detail .dn-upper .dn-right .dn-mid .swiper1 .slide1 {
    margin: 0.798vw 0;
  }
  .product-detail .dn-upper .dn-right .dn-mid .swiper1 .slide1 .dp-you {
    padding: 0 0 0 1.33vw;
  }
  .product-detail .dn-upper .dn-right .dn-bot .dp-intr1 {
    margin: 2.66vw 0 0;
  }
  .product-detail .dn-upper .dn-right .dn-bot .dn-parameter .dp-you {
    padding: 0 0 0 1.33vw;
  }
  .product-detail .dn-upper .dn-right .dn-bot .dn-parameter .dp-you .swiper1 .slide1 {
    padding: 2.394vw 0;
  }
  .product-detail .dn-upper .dn-right .dn-bot .dn-parameter .dp-you .swiper1 .slide1 .dp-title1 b {
    margin: 0 0 0 4.788vw;
  }
  .product-detail .dn-upper .dn-right .dn-bot .dn-total {
    padding: 1.862vw;
  }
  .product-detail .dn-upper .dn-right .dn-bot .dn-operation .ax-btn {
    padding: 0 3.99vw;
  }
  .product-detail .dn-lower .dn-top {
    padding: 1.33vw 2.66vw;
  }
  .product-detail .dn-lower .dn-bot {
    padding: 6.65vw 11.97vw;
  }
  .product-detail .dn-lower .layui-form .table1 tr td {
    padding: 1.064vw 0;
  }
  .product-detail .dn-lower .layui-form .table1 tr td .layui-input {
    width: 57.19vw;
    margin: 0 1.33vw 0 0;
  }
  .product-detail .dn-lower .layui-form .table1 tr td .layui-btn {
    padding: 1.33vw 6.65vw;
    font-size: 3.192vw;
  }
  .product-detail .dn-lower .layui-form .table1 tr .td1 {
    width: 13.3vw;
    padding-right: 2.128vw;
  }
  .news .dn-upper .swiper1 .slide1 {
    flex-wrap: wrap;
    padding: 3.99vw 0;
  }
  .news .dn-upper .swiper1 .slide1 .dn-time {
    padding: 0 2.66vw;
  }
  .news .dn-upper .swiper1 .slide1 .dn-picture {
    width: auto;
    flex: 1;
    height: 39.9vw;
  }
  .news .dn-upper .swiper1 .slide1 .dn-word {
    flex: inherit;
    width: 100%;
    padding: 5.852vw 0 0 0;
  }
  .news .dn-upper .swiper1 .slide1 .dn-word .dp-intr1 {
    margin: 2.66vw 0 3.99vw;
  }
  .news .dn-upper .swiper1 .slide1 .dn-word .dp-a1 .iconfont {
    font-size: 3.724vw;
    margin: 0 0 0 1.33vw;
  }
  .news-detail .com-cont {
    padding: 0;
  }
  .news-detail .dn-lower .dp-a1 .iconfont {
    font-size: 3.99vw;
    margin: 0 0 0 1.33vw;
  }
  .recruit .dn-upper .swiper1 .slide1 {
    padding: 2.66vw;
    margin: 0.665vw 0;
  }
  .recruit .dn-upper .swiper1 .slide1 .dn-time {
    padding: 0 2.66vw 0 0;
  }
  .recruit .dn-upper .swiper1 .slide1 .dn-word .dp-a1 {
    margin: 1.33vw 0 0;
  }
  .recruit .dn-upper .swiper1 .slide1 .dn-word .dp-a1 .iconfont {
    font-size: 3.99vw;
    margin: 0 0 0 1.33vw;
  }
  .join .dn-upper .ax-accordion .ax-item:nth-of-type(1) {
    font-size: 3.458vw;
  }
  .join .dn-upper .ax-accordion .ax-item .ax-panel-header {
    padding: 2.128vw 0;
  }
  .join .dn-upper .ax-accordion .ax-item .ax-panel-body .ax-upper {
    padding: 2.66vw 3.99vw 1.862vw;
  }
  .join .dn-upper .ax-accordion .ax-item .ax-panel-body .ax-upper .ax-flex-row .ax-flex-block-1 {
    padding: 1.33vw 0;
  }
  .join .dn-upper .ax-accordion .ax-item .ax-panel-body .ax-upper .ax-flex-row .ax-flex-block-1 .dp-title1 {
    margin: 0 0 1.596vw;
    font-size: 3.99vw;
  }
  .join .dn-upper .ax-accordion .ax-item .ax-panel-body .ax-upper .ax-flex-row .ax-flex-block-1 .dp-intr1 {
    line-height: 5.852vw;
  }
  .join .dn-upper .ax-accordion .ax-item .ax-panel-body .ax-lower {
    padding: 0 3.99vw;
  }
  .join .dn-upper .ax-accordion .ax-item .ax-panel-body .ax-lower .ax-lower-cont {
    padding: 1.33vw 0 3.192vw;
  }
  .staff .dn-upper .ax-grid {
    grid-gap: 2.66vw;
  }
  .staff .dn-upper .ax-grid li {
    height: 34.58vw;
  }
}